html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0 auto;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

:focus { outline: 0;}
div { margin: 0; padding: 0; }
a, a:link, a:visited, a:hover, a:active{text-decoration:none; color:#000;}
table {	border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul ,li{list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}
input, textarea, select {-webkit-appearance: none; -webkit-font-weight: 400; -webkit-border-radius: 0;}
pre {white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
*{padding:0; margin:0;}
html, body{ height:100%; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.clear {font-size:0; line-height:0; height:0; clear:both; visibility:hidden; overflow:hidden; }

/*---banner start     by 哈密瓜
----------------------------- */
    .box_swipe{overflow:hidden; position:relative;}
	.box_swipe ul{ -webkit-padding-start:0px;} 
	.box_swipe>ol{height:8px;position: relative;z-index:10;margin-top:-20px;}
	.box_swipe>ol>li{ width:33.3333%; height:6px; position:absolute;}
	.box_swipe>ol>li:nth-child(1){ background-color:#ed5565; left:0; bottom:0;}
    .box_swipe>ol>li:nth-child(2){ background:#8cc152; left:33.3333%; bottom:0;}
	.box_swipe>ol>li:nth-child(3){ background:#5dc9e6; left:66.6666%; bottom:0;}
	.box_swipe>ol>li:nth-child(1).on{ background-color:#ed5565; height:8px; }
	.box_swipe>ol>li:nth-child(2).on{ background-color:#8cc152; height:8px;}
	.box_swipe>ol>li:nth-child(3).on{ background-color:#5dc9e6; height:8px;}
 
/*---content start     by 哈密瓜
----------------------------- */
.content{ width:90%; margin:0 auto;margin-top:20px;}
.content ul li{ width:30%;height:19%; float:left; display:block; }
.content ul li a{ 
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
}
.content ul li a img{border-radius:50%; height:100%; width:100%;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
}
.content ul li a span{ text-align:center; width:100%; display:inline-block; font-size:17px; line-height:30px; height:30px; overflow:hidden; margin-bottom:15px;}
.m-l{ margin-left:5%;}

.content ul li a:hover img{ 
transform:rotateY(180deg);
 -webkit-transform:rotateY(180deg);
 -moz-transform:rotateY(180deg);
 -o-transform:rotateY(180deg);
 }

